<app-header></app-header>

<div class="container main">
    <div class="row">
        <div class="hy-cascade clearfix">
            <div class="content-meun clearfix">
                <div class="item">
                    <ul class="clearfix">
                        <li class="text"><span class="text-muted">按频道</span></li>
                        <li><a class="{{params.channel === 'video' ? 'active' : ''}}" href="/video/index" title="在线视频">在线视频</a></li>
                        <li><a class="{{params.channel === 'clips' ? 'active' : ''}}" href="/clips/index" title="短视频">短视频</a></li>
                        <li><a class="{{params.channel === 'image' ? 'active' : ''}}" href="/image/index" title="福利图片">福利图片</a></li>
                        <li><a class="{{params.channel === 'girls' ? 'active' : ''}}" href="/girls/index" title="网络女神">网络女神</a></li>
                    </ul>
                    <ul *ngIf="channel==='video'" class=" clearfix">
                        <li class="text"><span class="text-muted">按女忧</span></li>
                        <li><a class="{{params.actor == '' ? 'active' : ''}}" href="{{getPageUrl('actor')}}" title="全部">全部</a></li>
                        <li *ngFor="let item of actors"><a class="{{params.actor == item.name ? 'active' : ''}}" href="{{getPageUrl('actor',item.name)}}" title="{{item.name}}">{{item.name}}</a></li>
                    </ul>
                    <ul class=" clearfix">
                        <li class="text"><span class="text-muted">按类型</span></li>
                        <li><a class="{{params.tag == '' ? 'active' : ''}}" href="{{getPageUrl('tag')}}" title="全部">全部</a></li>
                        <li *ngFor="let item of tags"><a class="{{params.tag == item.name ? 'active' : ''}}" href="{{getPageUrl('tag',item.name)}}" title="{{item.name}}">{{item.name}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="title_content_meiyuan" class="header-top-content-img1"></div>
        <div class="hy-layout clearfix" style="margin-top: 10px;">
            <div class="hy-switch-tabs active clearfix">
                <span *ngIf="list.total" class="text-muted pull-right hidden-xs">
                    共有<span class="text-color">“{{list.total}}”</span>条数据,当前第<span
                        class="text-color">“{{list.current_page}}”</span>页
                </span>
                <ul class="nav nav-tabs">
                    <li class="{{!params.order || params.order == 'create_time' ? 'active' : ''}}">
                        <a href="{{getPageUrl('order','create_time')}}" title="按时间">按时间</a>
                    </li>
                    <li class="{{params.order == '' || params.order == 'click' ? 'active' : ''}}">
                        <a href="{{getPageUrl('order','click')}}" title="按人气">按人气</a>
                    </li>
                    <li class="{{params.order == '' || params.order == 'score' ? 'active' : ''}}">
                        <a href="{{getPageUrl('order','score')}}" title="按评分">按评分</a>
                    </li>
                </ul>
            </div>
            <div class="hy-video-list">
                <div class="item">
                    <ul class="clearfix">
                        <li *ngFor="let item of list.data" class="col-md-2 col-sm-3 col-xs-4 ">
                            <a class="videopic lazy" target="_self" href="/{{channel}}/{{item.id}}" title="{{item.title}}"
                               [defaultImage]="'/assets/images/load.png'" [lazyLoad]="Service.image_host+item.thumb"
                               [offset]="100">
                                <span class="play hidden-xs"></span><span class="score">{{item.score}}</span><span
                                    class="note textbg"></span>
                                <span class="note textbg">{{Service.getDate(item.create_time)}}</span>
                            </a>
                            <div class="title">
                                <h5 class="text-overflow">
                                    <a target="_self" href="/{{item.channel}}/{{item.id}}"
                                       title="{{item.title}}">{{item.title}}</a>
                                </h5>
                                <!--<div class="subtitle text-muted text-overflow hidden-xs">强奸乱伦</div>-->
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!--分页-->
            <app-paginator [total]="list.total" [pageSize]="list.per_page" [totalPage]="list.last_page"
                           [curPage]="list.current_page" [channel]="channel"></app-paginator>

            <div *ngIf="!list.total" class="hy-page page-default">
                <span class="loading" *ngIf="loading"></span>
                <span class="no-data" *ngIf="!loading">暂无数据</span>
            </div>
        </div>
    </div>
</div>
<app-footer></app-footer>
